<div class="widget-box">
	<div class="widget-header">
		<h4 class="widget-title">Thêm thức uống</h4>
	</div>
	<div class="widget-body">
		<div class="widget-main">
			<form ng-submit="add()">
				<div class="form-group">
					<label for="1" class="control-label">Tên thức uống</label>
					<input id="1" class="form-control" ng-model="formData.name" name="name"/>
				</div>
				<div class="form-group">
					<label for="2" class="control-label">Giá</label>
					<input id="2" class="form-control" ng-model="formData.price" step="1000" min="0" type="number" name="price"/>
				</div>
				<div class="form-group">
					<div class="row">
						<div class="col-md-5">
							<label for="3" class="control-label">Đơn vị</label>
							<input id="3" class="form-control" ng-model="formData.unit" name="unit"/>
						</div>
						<div class="col-md-2">
								<input class="ace ace-switch ace-switch-4 btn-empty" type="checkbox">
								<span class="lbl"></span>
						</div>
						<div class="col-md-5 pull-right">
							<div class="radio">
							  <label>
							    <input name="unit-default" type="radio" class="ace">
							    <span class="lbl">Ly</span>
							  </label>
							  <label>
							    <input name="unit-default" type="radio" class="ace">
							    <span class="lbl">Chai</span>
							  </label>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<button ng-disabled="!formData.name || !formData.price" type="submit" class="btn btn-primary btn-block">Submit</button>
					</div>
					<div class="col-md-6">
						<button ng-disabled="!formData.name && !formData.price" class="btn btn-default btn-block" ng-click="formData={}">Reset</button>
					</div>
				</div>
					
			</form>
		</div>
	</div>
</div>